<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<!--<link rel="stylesheet" type="text/css" href="../../css/mine.css" />-->
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_546019_o8qxm6fupb0ggb9.css" />
		<title>提货车辆信息</title>
		<script src="../../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/baseConfig.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.transInfor {
			width: 100%;
			height: auto;
			overflow: hidden;
			padding: 0 1.1rem;
			border-bottom: 1px solid #e2e2e2;
		}
		
		.transInfor p {
			line-height: 1.5rem;
			font-size: 0.8rem;
		}
		
		.transInfor p:first-child {
			padding-top: 0.5rem;
		}
		
		.transInfor p:last-child {
			padding-bottom: 0.5rem;
		}
		.mine-content{
			width: 100%;
		    height: auto;
		    box-sizing: border-box;
		    padding: 0 1.1rem;
		    margin-bottom: 2.5rem;
		}
		.order-list li .p1{
			line-height: 1.5rem;
			font-size: 0.8rem;
			width: 100%;
			padding-top: 0.5rem;
		}
		.order-list li .p2{
			font-size: 0.8rem;
			display: -webkit-box;
		  -webkit-box-orient: vertical;
		  -webkit-line-clamp: 2;
		  overflow: hidden;
		  padding-bottom: 0.5rem;
		  width: 100%;
		}
		.order-list li .p1 span{
			display: inline-block;
			width: 33.3%;
			float: left;
		}
		.mine-content .order-list li{
			border-bottom: 1px solid #e2e2e2;
		}
	</style>

	<body>
		<div class="transInfor">
			
		</div>
		<div class="mine-content">
			<ul class="order-list">
				<!--<li>
					<p class="p1">
						<span class="carNo">鄂A12345</span>
						<span class="name">张三三</span>
						<span class="phone">17363377802</span>
					</p>
					<p class="p2">
						空调压缩机，空调蒸发器，压缩机(冰箱)共装车30吨
					</p>
				</li>-->
				
			</ul>
		</div>
	</body>
	<script type="text/javascript">
		var orderNo= baseConfig.GetQueryString("orderNo")
		$(document).ready(function() {
			$.ajax({
					type: "get",
					url: baseConfig.localHttp+"weChatApi/fgclient/getTihuoCarInfo",
					async: false,
					headers: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					data: {
						orderNo:orderNo
					},
					success: function(data) {
						console.log(data)
						if(data.code==100){
							var tranInfo = data.content.tranInfo
							$(".transInfor").html("<p>订单编号：<span>"+data.content.orderNo+"</span></p><p>提货日期：<span>"+data.content.tihuoDate+"</span></p><p>提货合计：<span>"+data.content.tihuoWeight+"吨</span></p>")
							var $li=""
							for(var i=0;i<tranInfo.length;i++){
								$li += "<li><p class='p1'>"
								$li +=		"<span class='carNo'>"+tranInfo[i].carPlateNo+"</span>"
								$li +=		"<span class='name'>"+tranInfo[i].carDriverName+"</span>"
								$li +=		"<span class='phonr'>"+tranInfo[i].carDriverMobile+"</span>"
								$li +=	"</p>"
								$li +=	"<p class='p2'>"+tranInfo[i].materialName+"</p></li>"
							}
							$(".order-list").append($li)
						}else{
							 $.toptip(data.content, 1200, 'error');
						}				
					}
				})	
		})
	</script>

</html>